<template>
    <div>
  <div style="background-color: azure; font-size: 52px;height:90px;">
        请发表对vue的评论</div>
        <div style="display: flex; margin-right: 30px;
        height: 300px;width: 400px;">
            <div style="height: 200px;" >
            <div>用户</div>
            <input type="text"  v-model="name" placeholder="请输入用户名">
            <div>评论</div>
            <textarea type="text"  v-model="comment"  placeholder="请输入评价"></textarea><br>
            <button style="position: fixed; left: 385px;" @click="submint">提交</button>
        </div>
          <show   :name="name" :comment="comment" />
        </div> 
        <!-- position: absolute; -->
        </div>
</template>

<script setup>
import { ref } from 'vue';
import show from './show.vue';
// let ifsubmit=false
let name=ref('rrr')
let comment=ref('ccc')
function submint(){


}
</script>

<style  scoped>

</style>